<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:f="http://java.sun.com/jsf/core">

	<ui:composition template="/WEB-INF/layouts/standard.xhtml">
        <ui:define name="content">
           <div class="">
              <h:form>  
   
			     <p:dataTable var="usr" value="#{users}" paginator="true" rows="5">  
			   
			         <f:facet name="header">  
			             Header -  List of Users  
			         </f:facet>  
			        <p:column sortBy="#{usr.username}" filterBy="#{usr.username}">  
				        <f:facet name="header">
				           <h:outputText value=" User Name" />
				         </f:facet>  
				        <h:outputText value="#{usr.username}" />  
				    </p:column>  
				
				    <p:column sortBy="#{usr.firstname}" filterBy="#{usr.firstname}">  
				        <f:facet name="header">First Name </f:facet>  
				        <h:outputText value="#{usr.firstname}" />  
				    </p:column>  
				
				    <p:column sortBy="#{usr.lastname}" filterBy="#{usr.lastname}">  
				        <f:facet name="header"> Last Namer </f:facet>  
				        <h:outputText value="#{usr.lastname}" />  
				    </p:column>  
				
				    <p:column sortBy="#{usr.age}" filterBy="#{usr.age}">  
				        <f:facet name="header">Age </f:facet>  
				        <h:outputText value="#{usr.age}" />  
				    </p:column>
			     </p:dataTable>  
                <div class="ptop">
                <span class="ui-breadcrumb-chevron ui-icon ui-icon-triangle-1-e" />
                <h:commandLink value="DataTable 5" action="datatable5"/>
                <h:outputText value=" -   Conditional Coloring" />  
             </div> 
                </h:form>  
          </div> 
          
        </ui:define>
    </ui:composition>
</html>